<template>
	<view class="">
		<view :class="[fixed?'fixed':'',bgColor]" :style="[{height:StatusBar + 'px'}]"></view>
	</view>
</template>

<script>
	export default{
		data(){
			return  {
				StatusBar: this.StatusBar
			}
		},
		props:{
			bgColor:{
				type: String,
				default: ''
			},
			fixed:{
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style scoped>
	.fixed{
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
</style>
